$(function () {
    // 校验昵称规则
let form = layui.form
// 参数是对象类型，属性是规则名称，值是规则
form.verify({
    nickname: 
        [
            /^[\S]{1,10}$/
            ,'密码必须1到10位，且不能出现空格'
          ] 
})

    //渲染用户信息,封装成函数，后面要用
    // 函数不调用，不执行
    let layer = layui.layer
    initUserInfo()
    function initUserInfo() {
        axios({
            method: 'GET',
            url: '/my/userinfo',
        }).then(res => {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            // console.log(res);
            // 根据官网为form表单赋值，内置模块-表单-表单赋值/取值
            form.val('formUserinfo',res.data.data)
        })
    }
    

    // 重置功能
    // 也可以用form表单的重置事件
    // $('form').on('reset',function (param) {  })
    $('#btnReset').on('click', function (e) {
        // 阻止表单默认重置行为
        e.preventDefault()
        // 重新获取信息，渲染
        initUserInfo()

    })
    // 修改用户信息
    $('form').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/my/userinfo',
            //传的是查询字符串，头信息自动设置了
            data:$(this).serialize()
        }).then(res => {
            // console.log(res);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜您 修改用户信息成功！')
            // 直接调用getUserInfo无效
            // 因为不在一个window里面
            // 这个user_info这个页面是首页的一个子页面，所以可以用window.parent跳转到首页的window里，用首页的方法
            window.parent.getUserInfo()
        })

      })
    

    

    
    
    
    
    
    







    
})


